// pages/community/articleDetails/articleDetails.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    activityPictures: [{
      url: 'https://app-1256684088.cos.ap-beijing.myqcloud.com/wujieImages/communtityActivityImg1.png'
    }, {
      url: 'https://app-1256684088.cos.ap-beijing.myqcloud.com/wujieImages/communtityActivityImg2.png'
    }, {
      url: 'https://app-1256684088.cos.ap-beijing.myqcloud.com/wujieImages/communtityActivityImg3.png'
    }, {
      url: 'https://app-1256684088.cos.ap-beijing.myqcloud.com/wujieImages/communtityActivityImg4.png'
    }, {
      url: 'https://app-1256684088.cos.ap-beijing.myqcloud.com/wujieImages/communtityActivityImg5.png'
    }],
    current: 1,
    commentList: [{
      id: 0,
      imageUrl: '',
      name: '小幸运的旅行',
      time: '4小时前',
      count: 9,
      dec: '朱桢最厉害的时候真的就是叫朱八档，要有八档节目要主持，脑子活络，反应也快，现在感觉路易包了好多节目了',
      status: false
    }, {
      id: 1,
      imageUrl: '',
      name: '小幸运的旅行',
      time: '4小时前',
      count: 1,
      dec: '朱桢最厉害的时候真的就是叫朱八档，要有八档节目要主持，脑子活络，反应也快，现在感觉路易包了好多节目了',
      status: false
    }, {
      id: 2,
      imageUrl: '',
      name: '小幸运的旅行',
      time: '4小时前',
      count: 1,
      dec: '朱桢最厉害的时候真的就是叫朱八档，要有八档节目要主持，脑子活络，反应也快，现在感觉路易包了好多节目了',
      status: false
    }, {
      id: 3,
      imageUrl: '',
      name: '小幸运的旅行',
      time: '4小时前',
      count: 1,
      dec: '朱桢最厉害的时候真的就是叫朱八档，要有八档节目要主持，脑子活络，反应也快，现在感觉路易包了好多节目了',
      status: false
    }, {
      id: 4,
      imageUrl: '',
      name: '郑海明_4897',
      time: '7月28日 20:34',
      count: 1,
      dec: '味道不错',
      status: false
    }],
    show: {
      middle: false,
      top: false,
      bottom: false,
      right: false,
      right2: false
    },
    article: {
      applaudNum: 89,
      commentNum: 14,
      collectionNum: 25,
    }
  },
  // 前往所有评价
  toAllComment: function() {
    wx.navigateTo({
      url: '../comment/comment'
    })
  },
  // 改变当前的显示数
  swiperChange: function(e) {
    this.setData({
      current: e.detail.current + 1
    })
  },
  /**
   * 点赞
   */
  giveThumbsUp: function(val) {
    let commentId = val.currentTarget.dataset.id
    const that = this
    let commentList = that.data.commentList
    commentList.forEach(item => {
      if (item.id === commentId) {
        if (item.status === true) {
          item.count--;
          item.status = false
        } else {
          item.count++;
          item.status = true
        }
      }
    })
    this.setData({
      commentList: commentList
    })
  },
  /**
   * 打开分享弹窗
   */
  toggleBottomPopup() {
    this.toggle('bottom');
  },
  toggle(type) {
    this.setData({
      [`show.${type}`]: !this.data.show[type]
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function(res) {
    const that = this
    let imageUrl = ''
    let imageUrlList = that.data.activityPictures
    if (imageUrlList.length > 0) {
      imageUrl = imageUrlList[0]
    }
    if (res.from === 'button') {
      // 来自页面内转发按钮
      console.log(res.target)
    }
    if (imageUrl !== '') {
      return {
        imageUrl: imageUrl
      }
    } else {
      return
    }
  }
})